@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;overflow-x: hidden}
.bgb{background-image: url(image/design.png);background-size: cover;height: 100vh;width: 100%;background-repeat: no-repeat }
#logo{height: 80px;width: 120px}
.bg{background-image: url(image/bg1.jfif);background-size: cover;height: 100vh;width: 100%;background-repeat: no-repeat }
#logo{height: 80px;width: 120px}
.bg2{background-image: url(image/brandbg.jpg);background-size: cover;height: 100vh;width: 100%;background-repeat: no-repeat }
#logo{height: 80px;width: 120px}
.bg3{background-image: url(image/grabg.jpg);background-size: cover;height: 100vh;width: 100%;background-repeat: no-repeat }
#logo{height: 80px;width: 120px}
.footer{
margin-top: 30px;}
#footer1 a{text-decoration: none;
color: black;}
#footer1 a:hover{color: deepskyblue;transition: 0.5s}
#up{margin-right: 2%;
margin-top: -2%}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 60px;
transition: 0.5s;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
#main {
transition: margin-left .5s;
padding: 20px;
color: white
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
#design a{margin-top: 3%;background-color: white}
#left{padding-left: 3%}
#left a{margin-left: 33%;margin-top: -30px}
#photo img{height: 100%}
#work h1{font-family:PT Serif;font-size: 50px}
.card {
display: inline-block;overflow: hidden;
}
.card img {
display: block;
transition: transform .6s;
}
.card:hover img {
transform: scale(1.3);
}
#design{margin-top: -50px}
#work2{position: relative;top: 50px}
#work3{position: relative;top: 50px}
#left2{padding-left: 3%}
#left2 a{margin-left: 33%;margin-top: 50px}
#bird h5{font-size:40px}
.footer2{margin-top: 60px}
#box{position: relative;
top: 40px}
font{color: white;font-family: 'Playfair Display', serif;font-size: 100px;
;
position: relative;
top: 250px}
.pp{font-family: 'Playfair Display', serif;font-size: 100px;
margin-left: 35%;font-family: 'Playfair Display', serif
}
select{height: 30px;width: 180px}
#pos{position: relative;top: 20px}